﻿
<link rel="stylesheet" href="~/Content/reservation/room.css" />
<link rel="stylesheet" href="~/Content/reservation/styleCalendar.css" />
<script src="~/Scripts/jquery.infieldlabel.min.js"></script>
<script src="~/Scripts/ajax.js"></script>
<script>
    $(document).ready(function () {
        $("label").inFieldLabels();
    });
</script>

<p class="gkHeadline">Đặt phòng khách sạn</p>
<p class="gkSubHeadline" style="margin-top:-4px;margin-bottom:17px">Caravelle Hotel</p> 
<div id="ngayNhan">Ngày nhận phòng</div>
<div id="ngayTra">Ngày trả phòng</div>
<div class="clear"></div>
<div id="calendarIn" class="calendar"></div>
<div id="calendarOut" class="calendar"></div>
<div class="clear"></div>
<br>
<input id="btnToday" type="button" value="Today"/>
<div class="notice">
	<span class='defaultNotice'>Xin chọn ngày bắt đầu thuê phòng</span>
	<span class='dateNotice'>
		<i class='dateNotice'>Nhận phòng ngày </i>
		<a id='ngayNhanPhong' class='dateNotice'></a>			
		<i class='dateNotice'> - Trả phòng ngày </i>
		<a id='ngayTraPhong' class='dateNotice'></a>
	</span>
</div>
<div id="loadingImg">
	<img src="~/Images/loading.gif" style="width:40px"/>
</div>


<form id="Room" action="ReservationAction" method="post">
	<input type="hidden" id="in" name="timeIn" value="">
	<input type="hidden" id="out" name="timeOut" value="">
	<input type="hidden" id="tongCongValue" name="total" value="0"/>
	<div class="clear"></div>		
	<br>
	<table id="tableRoom" class="gkTable" border="1">
	<thead>			
	</thead>
	<tbody id="results">			
	</tbody>
	</table>
    <br />
    <div id='tongTien'>
	<span id="price_label">Tổng cộng: </span>
	<span class="product_price">0 VND</span>
    </div>
    <div class="clear"></div>
    <br />
    <div id="infoCus" class="box" style="width:400px;margin:0 auto 0 auto">
        <div id="headerCusInfo">Thông tin đặt phòng</div>        
        <label for="hoTen">Họ tên</label>
        <input class='block' style="" type='text' id='hoTen' name='hoTen' /><br>        
        <div class='clear'></div>
        <label for="CMND">CMND</label>
        <input class='block' type='text' id='CMND' name="CMND" /><br>
        <div class='clear'></div>
        <label for="ngaySinh">Ngày sinh</label>
        <input class='block' type='text' id='ngaySinh' name="ngaySinh" />
        <br>
        <div class='clear'></div>
        <label for="tenTK">Tên tài khoản</label>
        <input class='block' type='text' id='tenTK' name="tenTK" />
        <br>
        <div class='clear'></div>
        <label for="soTK">Số tài khoản</label>
        <input class='block' type='text' id='soTK' name="soTk" />
        <br>
        <div class='clear'></div>
    </div>
    
</form>

<input id="btnXacNhan" type='button' value='Xác nhận đặt phòng'>
<div class="clear"></div>